﻿/*css*/
p{
	padding: 0;
	margin: 0;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.w1380{
	max-width: 1380px;
	margin: 0 auto;
	width: 94%;
}
.x-header1{
	position: absolute;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	height: 88px;
	/*border-bottom: 1px solid #fff;*/
	    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.sy_zhh:after{
    content: "";
    display: none;
    	height: 88px;
        width: 15%;
    	    background: #00479d;
    	    position: absolute;
    	    right: 0;
    	    top: 0;
}
.sy_zhh:hover:after{
    display: block
}

.owl-carousel.owl-drag .owl-item:nth-child(5) .wenz_aa a.more_ahghg{
    display:none;
}
.owl-carousel.owl-drag .owl-item:nth-child(6) .wenz_aa a.more_ahghg{
    display:none;
}
.x-header1 .w1380 {
    /*position:initial;*/
    /*z-index: 9;*/
}


.x-logo1{
	line-height: 83px;
}
.x-logo1 a{
	display: inline-block;
}
.sy_zhh .x-logo1 a img{

}
.neuuagg{
	background: #fff;
}
.neuuagg a.more_tel{
   background: url(../images/hgjagh.png) no-repeat left center;
   color: #333;
}
.neuuagg a.sskka{
   background: url(../images/ahghgf1.png) no-repeat left center,url(../images/ahghgf1.png) no-repeat right center;
}

a.more_tel{
	display: block;
	color: #ffffff;
	font:500 15px/88px "微软雅黑";
	background: url(../images/telha.png) no-repeat left center;
	padding-left: 36px;
	margin-left: 1.2vw;
}
a.sskka{
	line-height: 88px;
	padding: 0 1.2vw;
	background: url(../images/ahghgf.png) no-repeat left center,url(../images/ahghgf.png) no-repeat right center;
} 

.x-banner .owl-carousel .wenz_aa a.more_ahghg:hover{
    background: #00479d;
    border-color: #00479d;
}

.x-header-right1{
	position: relative;
	padding: 0 2px;    z-index: 99;
}
.x-header1:hover .x-header-right1{
	background: #00479d;
}
.x-header1.neuuagg:hover .x-header-right1{
	background: none;
}
.x-header1:hover{
	background: #fff;
}
.x-header1:hover .x-logo1 a img{
filter:none;
}
.x-header1:hover .x-menu > li > a{
	color: #011c35;
}
.ssk{
  position: absolute;
  right: 130px;
  width: 150%;
  top: 60px;z-index: 999;
  display: none;
}

.wenna{
	position: absolute;
  left: 0;
  width: 100%;
  top: 88px;z-index: 999;
  display: none;
  padding: 2em;
  font:500 14px/2em "微软雅黑";
  text-align: center;
  background: #00479d;
  color: #fff;
}
.page-banner{
	position: relative;
}
.wenzaa{
	text-align: center;position: absolute;
	width: 100%;
	top: 50%;
}
.wenzaa h2{
	color: #00479d;
	font:600 40px/1.3em "微软雅黑";
}
.page-position1,.page-position1 a{
	
	font:500 14px/2em "微软雅黑";
}

.w1380d{
max-width: 1380px;
margin: 0 auto;
width: 80%;
}
.wenz_aa {
	color: #fff;
	position: absolute;
	width: 100%;
	top: 50%;transform: translateY(-50%);
}
.wenz_aa h2{
	color: #fff;
	font:600 48px/1.5em "微软雅黑";
}
.wenz_aa h3{
	color: #fff;
	font:500 24px/2em "微软雅黑";
	width: 50%;
	padding: 1em 0 2em;
}
.x-banner .owl-carousel .wenz_aa a.more_ahghg{
	display: block;
	color: #fff;
	font:500 16px/54px "微软雅黑";
	border:1px solid #fff;
	text-align: center;
	width: 186px;
}
img.hhahgn{
   visibility: hidden;
}
.x-banner video{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;    object-fit: fill;
}

/*.fang{
	overflow: hidden;
	display: block;
}
.fang img{
	    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.fang:hover img{
	 -webkit-transform: scale(1.1);
          transform: scale(1.1);
}*/

/* 搜索框 */
.header_search_fix{position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background: #0e68b0;color: #fff;display: none;}
.header .header_logo{z-index: 100;}
.header .header_logo a{display:block; text-align:left;}
.header_search_fix .search{font-size: 18px;margin-bottom: 10px;}
.header_search_fix .box{position: absolute;width: 40%;top: 50%;margin-top: -50px;text-align: left;left: 30%;}
.header_search_fix input[type="text"]{background: none;width: 70%;border: 0;outline: 0;font-size:38px;color: #fff;font-family: 'Impact';border-bottom: 1px solid #fff;}

.header_search_fix input[type="text"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#fff;font-size:38px;
}
.header_search_fix input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#fff;font-size:38px;
}
.header_search_fix input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#fff;font-size:38px;
}
.header_search_fix input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#fff;font-size:38px;
}


.header_search_fix .search_box{line-height: 70px;height: 70px;position: relative;}
.header_search_fix .submit{width: 125px;height: 45px;line-height: 41px;font-size: 14px;color: #fff;border: 2px solid #fff;border-radius: 20px;background: transparent;padding: 0;margin: 0;position: absolute;top: 50%;margin-top: -23px;right: 0;-webkit-appearance: none;outline: none;}
.header_search_fix .close{position: absolute;width: 88px;height: 88px;font-size: 12px;line-height: 92px;border: 1px solid #fff;right: 60px;top: 20px;text-align: center;cursor: pointer;transition: all .5s ease;-webkit-transition:all .5s ease;background: #0e68b0;}
.header_search_fix .close:hover{background: #0e68b0;}
/*body .search_hover.header .header_logo .logo{background-image: url(../images/logo_w.png);}*/
.search_hover .header_logo:after{display: none;}
.header_search_fix .pro_list{position: absolute;right: 60px;bottom: 60px;text-align: right;}
.header_search_fix .pro_list .t{font-size: 18px;color: #fff;padding-bottom: 10px;}
.header_search_fix .pro_list a{display: block;font-size: 14px;opacity: 0.5;filter: alpha(opacity=50);color: #fff;}
/*.header_search_fix .submit:before{width: 100%;margin-top: 0;}*/
/*.header_search_fix .submit:hover{background: #d20319;}*/
/*.header_search_fix .submit:before{width: 100%;left: 0;text-align: center;}*/

.xuanzhun{-webkit-transition-property: -webkit-transform;animation: rotate 5s linear infinite;}
@keyframes rotate{
	from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}


.index_header{top:-80px; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.index_header.ani{top:0;}




/*热门搜索*/
.search{text-align:left;}
#formsearch1{width:auto;float:right;vertical-align: middle;}
.hotSearch{width:auto;float:left;height:24px;line-height:24px;font-weight:normal;font-size: 14px;}
/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;color: #666;}
#formsearch1 input{height:24px;background:#fff;border:1px solid #c8c8c8;line-height:24px;    vertical-align: middle;}
#formsearch1 input#keyword{height:24px;line-height:24px;padding-left:4px;color:#666;}
#formsearch1 input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#00479d;color:#fff;border:none;cursor:pointer;}


.title_a1{
	text-align: center;
}
.title_a1 h2{
	color: #333;
	font:600 36px/1.8em "微软雅黑";
}
.title_a1 span{
	display: block;
	color: #666666;
	font:600 19px/1.7em "微软雅黑";
}

/*cont1*/
.cont1{
	margin-top: 2.8vw;
}
.x-pro-list{
	margin: 0.8vw -10px 0;
}
.x-pro-list .cp_list{
	padding: 0 10px;
}
.x-pro-list .cp_list a.img{
  display: block;
  padding-bottom: 3.5em;position: relative;
	font-size: 22px;
	border:1px solid #f8f8f8;
}
.x-pro-list .cp_list a.img:hover{
    border-color:#00479d;
}
.x-pro-list .cp_list .wz p{
	height: 0;
	opacity: 0;
}
.x-pro-list .cp_list .wz{
   background: #f8f8f8;	
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 0;text-align: center;
	padding: 1em 0;
}
.x-pro-list .cp_list .wz h3{
	color: #f8f8f8;	
	line-height: 1.5em;	color: #333333;
}
.x-pro-list .cp_list:hover .wz{
    background: #00479d;
    padding: 1.5em 0;
}
.x-pro-list .cp_list:hover .wz h3{
	color: #fff;
}
.x-pro-list .cp_list:hover .wz p{
   opacity: 1;
   height: auto;
   color: rgba(255,255,255,.6);
   font:500 14px/1.2em "微软雅黑";
   margin-top: 1.3em;
}

.x-pro-list .owl-carousel .owl-nav{
	text-align: center;
	background: url(../images/gagb.jpg) no-repeat center top;
	margin-top: 2.3vw;
}
.x-pro-list .owl-carousel .owl-nav button.owl-next, .x-pro-list .owl-carousel .owl-nav button.owl-prev{
  font-size: 0;
  width: 50px;
  height: 50px;
  background: url(../images/jt1.jpg) no-repeat center;
  background-size: 100%;
  outline: none;
}
.x-pro-list .owl-carousel .owl-nav button.owl-next{
	transform: scale(-1);
	margin-left: 114px;
}

/*product*/
.proshhome{ width:1440px; height: auto; background:#fff; /*border:1px solid #cfcfcf;*/ padding:12px}
.propiclist{ width:445px; height:400px; margin:10px 10px 10px 13px; display:inline; float:left; position:relative; overflow:hidden;text-align:center}

.propiclist .imgboxcp{width:445px;height:398px; border:1px solid #a9a9a9; overflow:hidden}
.propiclist img{  width:445px; height:331px;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s; }
/*.propiclist:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}*/
.propiclist p{ line-height:40px; text-align:center; font-size:25px;  height:40px; width:445px; display:block; overflow:hidden; position:absolute; top:345px; left:0px; transition:all .3s ease;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#666;text-decoration:none;outline:none;}


/*cont2*/
.cont2{
	background: #f8f8f8;
	padding: 2.8vw 0 5vw;
	margin-top: 2.8vw;
}
.a2_v1{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;    margin-top: 3vw;    align-content: space-between;
}
.a2_b1{
	width: 46.086%;
}
.a2_b2{
	width: 51.449%;
}
.a2_b1 i{
	display: block;
	overflow: hidden;
}
.a2_b1 i img{
	width: 100%;
}
.xw_list1 li a.img{
	display: block;
	position: relative;
}
.xw_list1 li a.img img{
	width: 100%;
}
.xw_list1 li a.img h2{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	background: rgb(0,0,0,.7);
	font:500 14px/2.8em "微软雅黑";
	box-sizing: border-box;
	padding: 0 3%;
	opacity: 0;
}
.xw_list1 li:hover a.img h2{
	opacity: 1;
}



.dhgg_ahhg .owl-carousel .owl-nav .owl-prev {
  left: 0;
}

.dhgg_ahhg .owl-carousel .owl-nav .owl-next {
  right: 0;
}

.dhgg_ahhg .owl-carousel .owl-nav button.owl-prev,
.dhgg_ahhg .owl-carousel .owl-nav button.owl-next {
  outline: none;
  position: absolute;
  top: 50%;
  z-index: 9999;
  background: #424246;
  height: 45px;
  width: 30px;
  margin-top: -22.5px;
  border-radius: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.dhgg_ahhg .owl-carousel .owl-nav button.owl-prev:hover,
.dhgg_ahhg .owl-carousel .owl-nav button.owl-next:hover {
  background: #00479d;
}

.dhgg_ahhg .owl-carousel .owl-nav .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.dhgg_ahhg .owl-carousel .owl-nav .icon-left-arrow:after {
  background-position: -34px -180px;
}

.dhgg_ahhg .owl-carousel .owl-nav .icon-right-arrow:after {
  background-position: -26px -480px;
}

.xw_list2 {
	display: flex;
    flex-wrap: wrap;    align-content: space-between;
    height: 100%;
}
.xw_list2 li{
  background: #fff;
  box-sizing: border-box;
  padding: 1.4em 4% 0.8em;
	width: 100%;
}

.xw_list2 li p{
	color: #666666;
	font:500 15px/1em "微软雅黑";
}
.xw_list2 li p:before{
	    content: "";
    width: 8px;
    height: 8px;
    background: #000000;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 8px;
}
.xw_list2 li h2 a{
	display: block;
	color: #000000;font:600 20px/1.8em "微软雅黑";
	  white-space: nowrap; 
   text-overflow:ellipsis; 
   overflow:hidden; 
   margin-top: 0.3em;
}
.xw_list2 li h3{
	display: block;
	color: #555555;
	font:500 15px/1.4em "微软雅黑";
	  white-space: nowrap; 
   text-overflow:ellipsis; 
   overflow:hidden; 
}
.xw_list2 li span{
	display: block;
	color: #999999;
	font:500 16px/2em "微软雅黑";
	margin-top: 0.5em;
}
.xw_list2 li h2 a:hover{
	color: #00479d;
}

/*cont3*/
.cont3{
	margin-top: 2.8vw;
}
.a3_v1{
	margin-top: 2.5vw;
	position: relative;
}
.af_wehhj li{
	position: relative;
    height: 640px;
    width: 100%;
    overflow: hidden;
}
.af_wehhj li i.img{
	display: block;
	width: 100%;height: 640px;
	font-size: 0;
}
.af_wehhj li i img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    max-width: none;
    top: 50%;
    margin-top: -320px;
}
.af_wehhj li .wnz_fz{
	position: absolute;
	width: 100%;
	left: 50%;
	top: 18%;transform: translateX(-50%);
}
.af_wehhj li .wnz_fz .w1380{
	transition: all 1s;
  opacity: 0;
  right: -300px;
  transform: translateX(-50%);
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20%,0,0);
		transform: translate3d(20%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20%,0,0);
		transform: translate3d(20%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
.af_wehhj li .wnz_fz .w1380{
	transition: all 0.1s;
  opacity: 0;
  left: 100px;
  position: relative;
  overflow: hidden;
}
.af_wehhj li.cur1 .wnz_fz .w1380{
 left: 0px;
    -webkit-animation: fadeInRight 1s forwards 0.2s;
}
.af_wehhj li .wnz_fz h2 a{
	display: block;
	color: #fff;
	font:600 34px/2em "微软雅黑";
}
.af_wehhj li .wnz_fz p{
	color: #fff;
	font:500 16px/2.1em "微软雅黑";
	width: 46%;
	margin-top: 1.3em;
}
.af_wehhj li a.more_aa{
   color: rgba(255,255,255,.8);
   background: url(../images/hjtgajhg.png) no-repeat right center;
   padding-right: 3em;
   margin-top: 4em;
   display: inline-block;
}
.a3_b1{
	position: absolute;
	width: 100%;
	left: 50%;
	bottom: 0;transform: translateX(-50%);
	background: rgba(0,0,0,.2);
}
.aff_ahh{
	  display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.aff_ahh li{
	width: 25%;
	text-align: center;
	padding: 2em 0;
	border-right: 1px solid rgba(255,255,255,.2);
}
.aff_ahh li:first-child{
	border-left: 1px solid rgba(255,255,255,.2);
}
.aff_ahh li a.img{
	display: block;width: 100%;
}
.aff_ahh li i{
	display: block;
	width: 100%;
	line-height: 68px;
}
.aff_ahh li i img{
	    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.aff_ahh li:hover i img{
	cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg)
}
.aff_ahh li h2{
  color: #ffffff;
  font:500 22px/2.5em "微软雅黑";
}
.aff_ahh li.cur{
	background: rgba(0,71,157,.8);
}
.tab{
	display: none;
}

/*cont4*/
.cont4{
	margin-top: 2.8vw;
}
.cont4 .title_a1 span{
	width: 85%;
	margin: 1em auto 0;
}
.sj_gd{
	padding: 0 7%;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3vw;
}
.sj_gd li{
	text-align: center;
	width: 25%;
}
.sj_gd li+li{
	border-left: 1px solid #f1f1f1;
}
.sj_gd li h2{
	color: #666666;
	font:500 20px/1em "微软雅黑";
}
.sj_gd li h2 span{
	display: inline-block;
	color: #00479d;
	font:600 52px/1em "Impact";
	padding-right: 0.2em;
}
.sj_gd li p{
	color: #666666;
	font:500 18px/2em "微软雅黑";
}


.a4_v1{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3vw;
}
.a4_b1{
	width: 65.362%;
}
.a4_b1 img{
	width: 100%;
}
.abimg{width: 100%;}
.a4_b2{
	width: 33.3333%;
	position: relative;
	box-sizing: border-box;
}
.a4_b2 i{
	display: block;
}
.a4_b2 i img{
	width: 100%;
}
.a4_b2 .wehjh{
   position: absolute;
       left: 10%;
    bottom: 18%;
    bottom: 8%;
}
.a4_b2 .wehjh img{
	width: auto;
}
.a4_b2 .wehjh h2{
	color: #fff;
	font:500 24px/2em "微软雅黑";
	margin-top: 0.8em;
}
.a4_b2 .wehjh span{
	display: block;
	color: rgba(255,255,255,.8);font:500 14px/1em "微软雅黑";
}

/*cont5*/
.cont5{
	background: url(../images/bj1.jpg) no-repeat center top #f8f8f8;
	background-size: cover;
	padding: 3vw 0 3.4vw;
	/*margin-top: 2.5vw;*/
}
.title_a5 h2{
	color: #ffffff;
	font:600 36px/2em "微软雅黑";
}
.title_a5 span{
	display: block;
	color: #ffffff;
	font:500 18px/2em "微软雅黑";
}
a.about_more{
	display: block;
	border:1px solid #fff;
	color: #fff;
	font:500 14px/42px "微软雅黑";
	width: 178px;
	text-align: center;
	margin-top: 2.5vw;    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
a.about_more:hover{
   background: #00479d;
   border-color: #00479d;width: 200px;

}


/*修改*/
.ehjadd .xypg-left-nav{
          margin: 0;
          background: #f8f8f8;
      }
      .ehjadd .xypg-left-nav > li .first-nav-btn{
          display: none;
      }
      .ehjadd .xypg-left-nav > li{
          border-color: #dddddd;
		   
      }
      .ehjadd .xypg-left-nav > li > a{
              padding: 20px 0;    padding-left: 55px;
              background: url(../images/about_03.png) no-repeat 28px center;
			  display:block;font-size:15px;
			   border-bottom:1px solid #dddddd;	
				  
      }

.ehjadd .xypg-left-nav > li > a:hover, .ehjadd .xypg-left-nav > li.clicked > a{
    background: url(../images/about_03-1.png) no-repeat 28px center;
    color: #00479d;
}
.ehjadd .xypg-left-nav > li.clicked .xypg-left-subnav{
    display: block;
}
.ehjadd .xypg-left-nav .xypg-left-subnav{
    padding: 0
}
.ehjadd .xypg-left-nav .xypg-left-subnav > li{
       
}
.ehjadd .xypg-left-nav .xypg-left-subnav > li > a{
    padding: 20px 0;    padding-left: 78px;
              background: url(../images/about_03.png) no-repeat 55px center;
			  line-height:40px;
}
.ehjadd .xypg-left-nav .xypg-left-subnav > li > a:hover,.ehjadd .xypg-left-nav .xypg-left-subnav > li.clicked > a{
     background: url(../images/about_03-1.png) no-repeat 55px center;
    color: #00479d;
}





/*footer*/
/*网站底部*/








/*foot1*/
.foot1{
	background: url(../images/bj2.jpg) no-repeat center top;
	background-size: cover;
	padding: 3vw 0;
}
.fo_v1{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.fo_a1{
	width: 70%;
}
.fo_a2{
	width: 21.739%;
}
.d_nav{
	margin-top: 1.5em;
}
.d_nav,.d_nav a{
	color: #fff;
	font:500 17px/2em "微软雅黑";
}
.d_nav a{
	padding-right: 2em;
}
.f_link{
	margin-top: 3vw;
	margin-top: 1.8vw;
}
.f_link,.f_link a{
color: #fff;
	font:500 14px/1.5em "微软雅黑";
}
.f_link a{
	padding-right: 1em;
}
.d_khha{
	 display: flex;
    justify-content: space-between;
    justify-content: flex-start;
    flex-wrap: wrap;
    
}
.d_khha li{
	width: 20%;
	margin-right:10%;
	position: relative;
}
.d_khha li i{
    display: block;
}
.d_khha li i img{
	width: 100%;
}
.d_khha li .hahh_ahh{
    position: absolute;
    left: 0;
    top: -100px;
    display: none;
}
.d_khha li:hover .hahh_ahh{
    display: block;
}
.d_khha li .hahh_ahh img{
    width: 100px;
}
.d_lianxi{
	color: #ffffff;
	font:500 14px/1.8em "微软雅黑";    margin-top: 2.3em;
}
.d_lianxi a{
	color: #ffffff;
}



/*share css style*/
#mobile_share {
  position: fixed;
  right: 0;
  bottom: 90px;
  width: 123px;
  z-index: 99999;
  background: #fff;
  padding: 0;
  overflow: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#mobile_share h2.title {
  text-align: center;
  line-height: 30px;
  height: 30px;
  background: #717577;
  color: #fff;
  font-size: 14px;
}

#mobile_share .share_item {
  padding: 8px;
  background: #fff;
  border: 1px solid #f1f1f1;
}

#mobile_share .share_item li {
  display: block;
  overflow: hidden;
  margin: 8px 0;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 8px;
}

#mobile_share.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.share-link {
  display: block;
  margin: 0 auto;
  width: 105px;
  overflow: hidden;
  line-height: 32px;
  font-size: 12px;
  padding-left: inherit;
}

.share-link i {
  background: url(../images/share_icon.png) no-repeat;
  background-size: 200px 32px;
  width: 32px;
  height: 32px;
  display: block;
  margin-right: 20px;
  float: left;
}

.share-link span {
  display: inline-block;
}

.share-weibo i {
  background-position: 0 0;
}

.share-renren i {
  background-position: -42px 0;
}

.share-douban i {
  background-position: -84px 0;
}

.share-qweibo i {
  background-position: -126px 0;
}

.share-qzone i {
  background-position: -168px 0;
}

.share-weixin {
  display: block;
  margin: 0 auto;
  width: 105px;
  overflow: hidden;
  line-height: 32px;
  font-size: 12px;
  padding-left: inherit;
}

.share-weixin i {
  background: url(../images/share_icon2.png) no-repeat;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: block;
  margin-right: 20px;
  float: left;
}

.share-weixin span {
  display: inline-block;
}




.baidu-share,.baidu-share *,.bd_weixin_popup{
      box-sizing: content-box;
}
/*合作伙伴*/
.w1270 {
    width: 1455px;
    margin: 34px auto 50px;
	height:400px;
}
.w1270 .title{display:block; text-align:center; font-size:36px; color:#333333; font-weight:bold; line-height:45px;}
.w1270 .title p{ font-size:18px; color:#444444; line-height:36px; font-weight:100}

.w1280{
	max-width: 1380px;
	margin: 0 auto;
	width: 94%;
}

.huobanbody li{ width:32%; height:365px; box-sizing: border-box; border:1px solid #dedede; float: left; padding:10px; margin-right:1%; margin-bottom: 15px; position: relative; margin-top:20px; text-align:center;}
.huobanbody li:nth-child(3n) {margin-right:0px; }
.huobanbody li a{display: block;}
.huobanbody li img{ width:98%; height:300px;display: block; margin: 0px auto; }
.huobanbody li span{display: block; font-weight: bold; font-size: 16px; color: #606060; margin-top: 15px; line-height: 30px; padding-left: 9px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.huobanbody li p{ padding-left: 9px; line-height: 30px; color: #606060; }
.huobanbody li:hover{border:1px solid #9e3b50; box-shadow: 0 0 3px 1px #d8d8d8; transition: 0.3s;}




.inbox3{ margin:0 auto; background:url(../images/inabbg.jpg) no-repeat center 0; padding:80px 0 70px; height: auto; background-size:100% 100%}
.inbox3 .mainin{ margin:0 auto;max-width:1380px}
.inbox3 .lefttxt{ width:45%; height:auto; display:block; float:left}
.inbox3 .lefttxt .tit {
font-size: 30px;
line-height: 40px;
color:#333333
}
.inbox3 .lefttxt .tit p {
color:#333;
font-weight:bold;
font-size: 45px;
line-height:180%;
}
.inbox3 .lefttxt .tit p span {
color:#333;
font-weight:bold;
font-size: 45px;
line-height:180%;
}
.inbox3 .lefttxt .txt{ font-size:16px; line-height:30px;  height:180px; display:block; overflow:hidden; text-align:justify; margin-top:20px }
.inbox3 .lefttxt .txt *{font-size:16px; line-height:30px; }
.inbox3 .lefttxt .txt p{ text-indent:32px}
.inbox3 .lefttxt .more {
    width: 175px;
    height: 50px;
    margin-top: 30px;
    border-radius: 5px;
    background: #004098;
    color: #fff;
    line-height: 50px;
    font-size: 16px;
    display: block;
    text-align: center;transition: all 0.2s ease-out;
}
.inbox3 .lefttxt .more:hover{ background:#0a72d1}
.lefttxt ul li {
    float: left;
    height: 50px;
    margin-right: 10%; margin-top:40px
}
.lefttxt ul li:nth-child(3n) {
margin-right:0
}
.lefttxt ul li a {
    font-size: 22px;
    line-height: 50px;
    display: block; color:#555555
}
.lefttxt ul li.lia {
background:url(../images/icon1_about.png) left 0 no-repeat;
padding-left:60px;
}
.lefttxt ul li.lib {
background:url(../images/icon2_about.png) left 0 no-repeat;
padding-left:46px;
}
.lefttxt ul li.lic {
background:url(../images/icon3_about.png) left 0 no-repeat;
padding-left:51px;
}
 .lefttxt ul li:hover a {
color:#004098
}
.lefttxt ul li.lia:hover {
background:url(../images/icon1a_about.png) left 0 no-repeat
}
.lefttxt ul li.lib:hover {
background:url(../images/icon2a_about.png) left 0 no-repeat
}
.lefttxt ul li.lic:hover {
background:url(../images/icon3a_about.png) left 0 no-repeat
}

.inbox3 .rightimg{ display:block; float:right; width:51%; height: auto;}
.inbox3 .rightimg .sysp{ width:100%; height:auto; overflow:hidden;}
.inbox3 .rightimg .sysp img{ display:block; width:100%;transform: scale(1);transition: all 0.5s ease-out;}
.inbox3 .rightimg .sysp:hover img{transform: scale(1.1);}
.inbox3 .rightimg ul li{ float:left; width:31.33%; margin-right:3%; margin-top:15px}
.inbox3 .rightimg ul li:nth-child(3n) {margin-right:0}
.inbox3 .rightimg ul li a{display:block;width:100%; height:auto; overflow:hidden; }
.inbox3 .rightimg ul li a img{width:100%;transform: scale(1);transition: all 0.5s ease-out;}
.inbox3 .rightimg ul li:hover a img{transform: scale(1.1);}
.mainin{ width:84%; margin:0 auto}

.w110{ width:108% !important; margin-left:-4% !important}
.w110 li{ border-right:0 !important}

.about-num{ width:100%;padding:50px 0 20px; margin:0 auto}
.about-num li{ float:left; width:24%;padding: 0 0 0 4%; border-right: 1px solid #ddd;}
.about-num li:first-child{width:25%}
.about-num li:nth-child(2){width:25%}
.about-num li:nth-child(4){border-right:none; width:25%}
.about-num li .counter,.about-num li .count-unit{ display:inline-block; font-size:60px; line-height:80px; font-family:Arial, Helvetica, sans-serif; color:#004098; font-style:normal}
.about-num li .count-unit2{display:inline-block; font-size:45px; font-weight:bold; line-height:80px;font-family:Arial, Helvetica, sans-serif;color:#004098; font-style:normal}
.about-num li p{ font-size:16px; line-height:30px}


.clear {
  clear: both;
}
.clear::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.textover{text-overflow:ellipsis;white-space:nowrap;}
/*清除浮动*/





/*产品中心*/
/*首页产品*/
.in_news{
	background: url(../images/bg_cp.jpg) center top no-repeat;
    padding-top: 60px;
    padding-bottom: 70px; background-size:100% 100%}



.in_news .news_top {text-align: center; margin-top:20px }
.in_news .news_top li{
	display: inline-block;
    padding: 0 6px;width: 200px;
    background: #fff;
    margin: 0 10px;
    height: 50px;
	}
.in_news .news_top li:nth-child(5){}
.in_news .news_top li a{color:#444;font-size: 16px; line-height:50px;}
.in_news .news_top li:hover,.in_news .news_top li.on{ color: #fff; background:#fab614}
.in_news .news_top li:hover a,.in_news .news_top li.on a{color: #fff; background:#fab614}

.in_news .news_box{ max-width:1380px; height:auto; margin:40px auto 0}
.in_news .news_box ul{display: none;}
.in_news .news_box ul.on{display: block;}

.in_news .news_box li {
	float: left;
    margin-right:2%;
    margin-bottom:22px; width:32%;
	}
.in_news .news_box li:nth-child(3n){
	margin-right: 0;
} 


.in_news .news_box li .topimg{
	width:100%;
    height:369px;
    overflow: hidden; background:#fff;
	vertical-align: middle;text-align: center;
	}
.in_news .news_box li .topimg img{
	transform: scale(1);
	transition: all 0.5s ease-out;
	width:100%;
	height:100%;
	}
.in_news .news_box li:hover .topimg img{
	transform: scale(1.1);
	}

.in_news .news_box li p{
	width: 100%;
    margin: 0 auto;
    background: #f1f1f1;display:block; height:52px
    
	}	
.in_news .news_box li p a{
	line-height:52px;
	font-size:18px;
	color:#444;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center; display:block; height:52px; width:90%; margin:0 auto
	}
.in_news .news_box li:hover p{ background:#1a5dc2}
.in_news .news_box li:hover p a{
	line-height:52px;
	font-size:18px;
	color:#fff;
	}	

.in_news .news_topa {text-align: center; margin-top:20px }
.in_news .news_topa li{
	display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 70px;
    margin: 0 15px;
    color: #fff;
    font-size:20px;
    background:#fab614; font-weight:bold;border-radius: 30px;
	}
.in_news .news_topa li span{color:#ffffff;font-size: 18px; line-height:50px; font-weight:500}
.in_news .news_topa li a{color:#ffffff;font-size: 18px; line-height:50px; font-weight:500}


.main_title{
text-align:center;
font-size:20px;
line-height:35px;
color:#fff;
}
.main_title p
{font-size:40px;
color:#fff;
line-height:55px;
font-weight:bold;	
}


/*新闻资讯*/
.in_xwzx{ width:100%; height:auto; margin:0 auto; background:#f5f5f5; padding-top:50px; padding-bottom:80px}
.in_xwzx .contb{ max-width:1380px; height:auto; margin:0 auto;margin-top: 35px;}
.in_xwzx .contb ul li{ float:left; margin-right:1%; width:32%; height:480px; display:block; background:#ffffff}
.in_xwzx .contb ul li .topimg{
	width:100%;
    height: 290px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	}
.in_xwzx .contb ul li .topimg img{width:100%;max-height: 100%;transform: scale(1);transition: all 1s ease-out;letter-spacing:0}
.in_xwzx .contb ul li:hover .topimg img{transform: scale(1.2);}
.in_xwzx .contb ul li .txt{
	padding: 15px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-align: justify;
    letter-spacing: -0.11px;
	}
.in_xwzx .contb ul li .txt p{
	}
.in_xwzx .contb ul li .txt p a{
	font-size: 18px;
    color: #666666;
    line-height: 48px;
	} 
.in_xwzx .contb ul li .date{
    border-top: 1px solid #e5e5e5;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
	}
.in_xwzx .contb ul li .date dl dt{ float:left;font-size: 14px;color: #b7b7b7; line-height:60px}
.in_xwzx .contb ul li .date dl dt a{font-size: 14px;color: #b7b7b7; line-height:60px}


.in_xwzx .contb ul li:hover .date{ background:#1a5dc2}
.in_xwzx .contb ul li:hover .date dl dt{ float:left;font-size: 14px;color: #ffffff; line-height:60px}
.in_xwzx .contb ul li:hover .date dl dt a{font-size: 14px;color: #ffffff; line-height:60px}


/*maintitle*/
.maintitle{
    font-size: 18px;
    line-height: 35px;
    color: #666;
	}
.maintitle p{
	font-size:36px;
    color: #333333;
    line-height: 65px; font-weight:bold
	}
.maintitle p span{
	font-size:36px; color:#1a5dc2; font-weight:bold; line-height:55px
	}
.maintitle .dec{
    width:36px;
    height: 4px;
    margin: 15px auto 0 0;
    background: #1a5dc2;
    border-radius: 20px;
	}	
	
/*底部*/
/*网站底部*/
.footer{ background:url(../images/bg_foot.jpg) center bottom no-repeat #0051ad; padding-top:3%}
.footer .maina{
	margin: 0 auto;
    max-width: 1300px;
    width: 85%;
	}

.navigation{
	display: block;
    float: left;
    width: 15%;
    margin-right:8%;
	}
.navigation .title{ font-size:18px; color:#ffffff; line-height:35px}
.navigation .dec{ width:24px; height:2px; display:block; background:#fff;margin: 10px 0 20px;}
.navigation .content{}
.navigation .content ul li{
	width: 35%;
    float: left;
    height: 36px;
    margin-right: 30%;
	}
.navigation .content ul li a{
	font-size:15px;
	line-height:36px; 
	color:#a7c3e3;
	
	}

.botdh{
	display: block;
    float: left;
    width: 30%;
    margin-right: 3%;
	}
.botdh .title{ font-size:18px; color:#ffffff; line-height:35px}
.botdh .dec{ width:24px; height:2px; display:block; background:#fff;margin: 10px 0 20px;}
.botdh .content{}
.botdh .content ul li{ width:50%; float: left; height:36px;
	}
.botdh .content ul li a{
	font-size:15px;
	line-height:36px; 
	color:#a7c3e3;
	
	}



.botlx{ display:block; float:left; width:23%;}
.botlx .title{font-size:18px; color:#ffffff; line-height:35px}
.botlx .dec{ width:24px; height:2px; display:block; background:#fff;margin: 10px 0 20px;}
.botlx .content,.botlx .content *{font-size:15px;
	line-height:36px; 
	color:#a7c3e3;}



.attention{ width:19%; display:block; float:right; text-align:right}
.attention .tel{ background:url(../images/bg_tel.png) 18px center no-repeat; padding-left:42px; font-size:28px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.5}
.attention h1{ font-weight:normal; font-size:16px; line-height:30px; color:#fff}
.attention .contenta{ margin-top:20px;}
.attention .contenta ul li {
	float:right;
    text-align: center;
    display: block;
    width: 45%;
    font-size: 15px;
    line-height: 30px;
    margin-left: 10%;
    color: rgba(255, 255, 255, 0.5);
}
.attention .contenta ul li img {
	width:100%;
	height:auto
}


.bottom{
	height: 85px;
    border-top: 1px solid #4d86c6;
    margin-top: 4%;
	}
.bottom ul li{ float:left;line-height:85px;color: #cbd5e9;font-size: 15px;}
.bottom ul li a{line-height:85px;color: #cbd5e9;font-size: 15px;}


.wehhh_a{
	background: #00479d;
	padding-top: 4px;
}
.wehhh_a .xypg-left-nav{
	font-size: 0;
}
.wehhh_a .xypg-left-nav > li{
   border:none;
   display: inline-block;
}
.wehhh_a .xypg-left-nav > li .first-nav-btn{
	display: none;
}
.wehhh_a .xypg-left-nav > li > a{
   padding: 0 2em;
   color: #fff;
   font:500 16px/60px "微软雅黑";
}
.wehhh_a .xypg-left-nav > li:hover > a,.wehhh_a .xypg-left-nav > li.clicked > a{
	background: #fff;
	color: #00479d;    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.page-wrap{
	margin-top: 2em;
}
